/*
  学习目标：受控组件-实现双向绑定, 类似vue中的v-model
  场景: 🔔 收集用户输入的内容/ 回填表单
  关键点：
    1. state控制表单元素的value或者checked属性
    2. onChange 配合setState 修改数据
*/

import React, { Component } from 'react';

export default class App extends Component {
  state = {
    value: '',
  };

  render() {
    return (
      <div>
        <input
          type="text"
          onChange={(e) => {
            this.setState({ value: e.target.value });
          }}
          value={this.state.value}
        />
      </div>
    );
  }
}
